<template>
	<div class="content">
		<div class="head">
			<img class="bj" src="/static/wallet-bj.png" alt="">
			<div class="tx_box">
				<p class="title">当前余额</p>
				<p class="price">
					<span>¥</span>0.00
				</p>
			</div>
		</div>
		<div class="balance">
			<img src="/static/wallet-icon1.png" alt="">
			<div class="input_box">
				<p class="title">请输入充值金额</p>
				<p class="input">
					<span>¥</span><input type="number">
				</p>
			</div>

			<p class="anniu">充值到余额</p>
			<p class="text">充值到账户余额，可随时申请提现</p>
		</div>
		

		
	</div>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
		
		},
		onShow(){
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		min-height: 100vh;
		background: #f7f7f7;
		.head{
			position: relative;
			.bj{
				width: 100%;
				height: 330rpx;
				position: absolute;
				top:0;
			}
			.tx_box{
				position: relative;
				margin:0 30rpx 0 30rpx;
				top:56rpx;
				.title{
					font-size:28rpx;
					color: #fff;
				}
				.price{
					font-size: 80rpx;
					font-weight: 500;
					color: #fff;
					span{
						font-size:26rpx;
						margin-right:10rpx;
					}
				}
			}
		}
		.balance{
			position: relative;
			border-radius: 12rpx;
			padding:0 30rpx 60rpx 30rpx;
			background: #fff;
			border-radius: 12rpx;
			background: #FFFFFF;
			margin:80rpx 30rpx 0 30rpx;
			box-shadow: 0px 8rpx 20rpx 0px rgba(0, 0, 0, 0.05);
			img{
				position: absolute;
				right: 0;
				bottom:0;
				width: 280rpx;
				height: 192rpx;
			}
			.input_box{
				.title{
					font-size: 26rpx;
					color: #666666;
					padding-top:50rpx;
					margin-bottom:40rpx;
				}
				.input{
					display: flex;
					padding-bottom:22rpx;
					border-bottom:1px solid #EEEEEE;
					span{
						font-size:32rpx;
						color: #666666;
						margin-right:20rpx;
					}
				}
			}
			.anniu{
				width: 92%;
				height: 96rpx;
				line-height: 96rpx;
				text-align: center;
				border-radius: 100rpx;
				background: #23AC39;
				font-size: 32rpx;
				color: #FFFFFF;
				margin:120rpx auto 0 auto;
			}
			.text{
				font-size: 26rpx;
				color: #999999;
				text-align: center;
				margin-top:10rpx;
			}
		}
	}
</style>
